@charset 'UTF-8';
/* UED Interaction (http://www.njued.com) */
/* Design By Gkmk Copyright 2020 UED Interaction */

/*PAD PRO*/
@media screen and (min-width: 1361px) and (max-width: 1920px) {


}

@media screen and (min-width: 981px) and (max-width: 1360px) {


}

/*移动端*/
@media only screen and (max-width:980px) {

/**common style**/
.Scroll-down{display:none;}
.container{padding-left:.15rem; padding-right:.15rem; width:100%; max-width:100%;}
.commPadding{padding:.2rem 0;}

.list-style-two{margin-left:-.1rem; margin-right:-.1rem;}
.list-style-two li{padding:.1rem; width:100%;}

.list-style-three{margin-left:-.1rem; margin-right:-.1rem; overflow:hidden;}
.list-style-three li{width:100%; padding:.1rem; }


/**layout style**/
body.offscreen .Str-header{margin-top:0;}
.Str-header{padding:8px 0; height:50px;}
.Str-header h1 a.logo{width:64px; height:34px; background-size:64px 34px;}

.Str-header-scroll{padding:8px 0; height:50px;}
.Str-header-scroll h1 a.logo{margin:0; width:64px; height:34px; background-size:64px 34px;}

.Str-header.active{background:#fff;}
.Str-header.active h1 a.logo{width:151px; height:34px; background:url(images/logo_n.png) no-repeat center; background-size:64px 34px; }
.Str-header.active .Str-mobile-menu .menu-line{background:#222;}

.Str-menu,.lagBox,.Str-header nav{display:none;}
.Str-mobile-menu{display:block;}


.Str-screen{height:60%;}
.showSlogan{border:0;}
.show-slogan h1{margin:0 0 .15rem; font-size:.22rem;}
.show-slogan h2{font-size:.16rem; margin:0 0 .05rem; padding-left:0;}
.show-slogan h2:before{display:none;}
.show-slogan p{display:none;}

.homeLink{width:.9rem; height:.34rem; text-indent:0; font-size:.12rem; padding-left:.2rem;  line-height:.34rem; }
.homeLink:after{ content: '\e606'; font-family: 'iconfont'; position:absolute; right:14px; top:50%; transform: translate(0, -50%); text-indent:0px; font-size:20px; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;}
.homeLink:hover{ width:1rem; text-indent:0; color:#003333;}

.Home-swiper .swiper-button-next,.Home-swiper .swiper-container-rtl .swiper-button-prev{padding-right:1%;}
.Home-swiper .swiper-button-prev,.Home-swiper  .swiper-container-rtl .swiper-button-next{padding-right:8%;}

.home-title-1{margin:0 0 .8rem;}
.home-title-1 h2{font-size:.4rem; }
.home-title-1 h3{top:.3rem; font-size:.2rem;}
.home-title-1 h3 span{font-size:.12rem;}
.home-title-1 h3 span em{font-size:.16rem;}

.home-title-2 h3{text-align:right; font-size:.2rem;}
.home-title-2 h3 span{font-size:.16rem;}

.home-title-1 h3 span{display:block; font-size:.14rem; font-weight:normal; text-align:left; overflow:hidden;}
.home-title-1 h3 span em{float:none; width:auto; display:block; font-size:.2rem; font-weight:600; font-style:normal;  margin-bottom:.15rem;}
.home-title-1 h3 span i.break{display:inline-block; vertical-align:top; margin:3px 15px; width:1px; height:14px; background:#999;}


.Product-swiper.swiper-container{top:-.4rem;}
.Product-swiper .swiper-button-prev,.Product-swiper .swiper-container-rtl .swiper-button-next {left: 0; right: auto; bottom:auto; top:20%; width:.4rem; height:.4rem; }
.Product-swiper .swiper-button-next,.Product-swiper .swiper-container-rtl .swiper-button-prev {left:auto; right: 0;bottom:auto; top:20%; width:.4rem; height:.4rem; }

.Product-swiper .swiper-button-next:after,.Product-swiper .swiper-container-rtl .swiper-button-prev:after {
  position:absolute; left:0; top:0; font-family: 'iconfont'; content: '\e602'; width:.4rem; height:.4rem; text-align:center; line-height:.38rem; font-size:.16rem; color:#fff; 
}
.Product-swiper .swiper-button-prev:after,.Product-swiper .swiper-container-rtl .swiper-button-next:after {
  position:absolute; left:0; top:0; font-family: 'iconfont'; content: '\e618'; width:.4rem; height:.4rem; text-align:center; line-height:.38rem; font-size:.16rem; color:#fff; 
}

.product-img{float:none; width:60%; margin:0 auto; min-width:auto; padding:.2rem;}
.product-txt{margin-right:0; padding:5% 5% 0;}
.product-txt h3{font-size:.16rem; margin:0 0 .1rem;}
.product-txt p{font-size:.14rem; line-height:1.65;}

.company-about{padding:5% 0 12%; width:100%;}
.company-about h3{margin:0 0 10px; font-size:.3rem; }
.company-about h3 span{display:inline-block; margin-right:.2rem;}
.company-about p{font-size:.14rem; text-align:justify; margin:0 0 .15rem; line-height:1.8; }
.company-about ul{width:100%; overflow:hidden;}
.company-about ul li{padding:0 0 15px; margin-bottom:.12rem; font-size:.14rem; color:#fff; border-bottom:1px solid rgba(255,255,255,.2);}
.company-about ul li:last-child{border:0;}
.company-about ul li span{display:inline-block; width:100px; }
.gujia{margin:0 0 25px;}
.gujia span{display:inline-block; margin-right:.15rem; font-size:.2rem; font-weight:600; color:#fff;}
.gujia span i{display:inline-block; width:18px; height:18px; margin-top:5px; margin-right:8px; vertical-align:top; background:url(images/up.png) no-repeat center; background-size:18px; }
.gujia label{font-size:.16rem; font-weight:600; display:inline-block; margin-right:15px; }

.newscon{ padding:3%;}
.newscon h3{font-size:.16rem; line-height:1.5; height:auto; overflow:hidden; color:#333;}
.newscon p{margin:0 0 .15rem; font-size:.13rem; color:#666; line-height:1.5; height:auto; overflow:hidden; }

.newsbox dl{overflow:hidden; padding:3%; transition: .5s ease-in-out; border-top:1px solid #ccc;}
.newsbox dl dt{float:none; width:auto; font-size:.14rem; font-family: 'beba'; text-align:left; line-height:1; color:#222; transition: .3s ease-in-out;}
.newsbox dl dt span{display:inline-block; font-size:.2rem; padding-bottom:0; margin-bottom:.1rem; margin-right:.2rem;}
.newsbox dl dd{margin-left:0;}
.newsbox dl dd h3{font-size: .16rem;  color: #222222; line-height: 1.5;  height: auto; font-weight:normal; overflow: hidden;  text-overflow:ellipsis; white-space:nowrap; transition: .5s ease-in-out;  margin-bottom: .1rem;}
.newsbox dl dd p{transition: .5s ease-in-out; font-size: .13rem;  color: #666666;  line-height: 1.5; height:auto; overflow:hidden;}

.Str-footer{padding:.2rem 0;}
.foot-logs{float:none; max-width:100%; margin-right:0;}
.foot-logs a.flogo{margin:0 0 20px; display:block; width:106px; height:56px; background:url(images/logo_w.png) no-repeat; background-size:106px 56px;}
.foot-logs p{font-size:14px; color:rgba(255,255,255,.7); line-height:1.5; padding:5px 0; position:relative; padding-left:20px;}
.foot-logs p i{position:absolute; left:0; top:5px; display:inline-block; vertical-align:middle; margin-right:10px; color:#fff; font-size:13px;}
.foot-logs p span{display:inline-block; font-size:12px;}

.foot-nav{display:none;}

.foot-wx{clear:both; width:100%; padding-top:20px; overflow:hidden;}
.foot-wx dl{float:left; color:#fff; padding-right:40px;}
.foot-wx dl dt{font-size:14px; color:#fff; font-weight:600; margin:0 0 10px;}
.foot-wx dl dd img{display:block; width:120px; height:120px; }
.foot-wx dl dd span{display:block; font-size:13px; color:rgba(255,255,255,.7); text-align:center; line-height:2;}

.foot-statment{padding:.12rem 0; }
.foot-statment p{text-align:right; overflow:hidden; font-size:13px; color:rgba(255,255,255,.7);}
.foot-statment p span{float:left; width:auto; }
.foot-statment p label{display:inline-block; margin-right:10px;}
.foot-statment p a{display:inline-block;color:rgba(255,255,255,.5);}
.foot-statment p a:hover{text-decoration:underline;}

/*Subpage Style*/
.Str-banner{position:relative; height:320px;}
.show-bantxt{padding-top:35%;}
.show-bantxt h2{font-size:.26rem; }
.show-bantxt h3{font-size:.12rem;}
.show-bantxt h4{font-size:.16rem; }

.Strwarp{ border-left:0px solid #ccc; }
.Strsider{display:none; }
.Strmain{margin-left:0px;  padding:.15rem 0 0;}

.about-title{font-size:.26rem; margin:0 0 .2rem; color:#222; font-weight:600; }
.about-title span{display:block; font-size:.16rem; color:#999; font-weight:normal;}

.about-txt{padding:.15rem 0; font-size:.14rem; line-height:1.6; text-align:justify;}
.about-txt p{margin:0 0 .15rem;}
.about-txt h3{margin:0 0 .15rem; font-size:.16rem; color:#333; }

.imgtxt-dl{overflow:hidden; margin:0 0 .2rem;}
.imgtxt-dl dt{float:none; width:100%; padding-top:56.5%; position:relative; margin:0 0 .15rem;}
.imgtxt-dl dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}

.imgtxt-dl dd{margin-left:0; padding-left:0;}
.imgtxt-dl dd h4{font-size:.16rem; font-weight:600; margin:0 0 .1rem;}
.imgtxt-dl dd p{font-size:.14rem; line-height:1.65;}

.dl-imgleft{overflow:hidden; background:#f5f5f5; margin:0 0 .15rem; }
.dl-imgleft dt{float:none; width:100%; padding-top:64%; position:relative;}
.dl-imgleft dt img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; object-fit:cover;}
.dl-imgleft dd{margin-left:0; padding:5%; }
.dl-imgleft dd h3{font-size:.2rem; color:#333; }
.dl-imgleft dd h3.ntit{font-family:'beba'; font-size:34px; color:#0068bd;}
.dl-imgleft dd p{font-size:.14rem; color:#666; line-height:1.8;}
.dl-imgleft dd a{margin-top:4%; margin-left:0;}

.dl-imgleft.imgRight dt{float:none;}
.dl-imgleft.imgRight dd{margin-left:0; margin-right:0;}

.his-detail p {font-size: .14rem; line-height: 1.65; margin: 0 0 .1rem;}

.pro-str{overflow:hidden;}
.pro-str dt{float:none; width:100%;}
.pro-str dd{margin-right:0;}

.code-wx{background:#f8f8f8; padding:15px; font-size:.14rem; color:#666; text-align:center;}
.code-wx img{display:block; margin:0  auto; width:50%; margin-top:20px;}

.pro-list-box{margin-bottom:.15rem; padding-bottom:.15rem; border-bottom:1px solid #ddd; display:block; overflow:hidden;}
.pb-img{float:none; width:100%; padding-top:74%; position:relative; overflow:hidden; margin:0 0 .1rem;}
.pb-img img{display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition: all .4s ease-in-out;}
.pb-con{margin-left:0;}
.pb-con h3{margin:0 0 .05rem; font-size:.15rem; font-weight:600; color:#333; transition: all .4s ease-in-out;}
.pb-con p{margin:0;  font-size:.13rem; color:#666;}

.page-position{width:100%; margin:0 auto; padding:.15rem 0; font-size:.13rem; line-height:1.5; color:rgba(255,255,255,.7); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.article-str{width:100%; margin:0 auto;}
.article-main{float:none; width:100%; margin-top:-90px; background:#fff; padding:.15rem;}
.article-side{margin-left0; padding-top:3%;}

.article-main-2{width:100%; margin-top:-90px; background:#fff; padding:.15rem;}
.article-title{margin:0 0 .3rem;}
.article-title h3{font-size:.26rem; color:#222; margin:0 0 .15rem; line-height:1.2;}
.article-title p{font-size:.14rem; color:#999;}

.article-content p{margin:0 0 .1rem; font-size:.14rem; line-height:1.6; color:#333; text-align:justify;}

.cnewsBox .cnews-img{float:none; width:100%; padding-top:62%; position:relative; overflow:hidden; margin:0 0 .15rem;}
.cnewsBox .cnews-txt{margin-right:0;}
.cnewsBox .cnews-txt p.date{font-size:.14rem; font-weight:600; color:#222; font-family: 'beba'; margin:0;}
.cnewsBox .cnews-txt p.summ{margin:0 0 10px; font-size:.12rem; color:#666; line-height:1.5; height:auto; overflow:hidden;}
.cnewsBox .cnews-txt h3{font-size:.16rem; color:#222; margin:0 0 10px; line-height:1.5; height:auto;  overflow:hidden;transition: all .4s ease-in-out;}
.cnewsBox .cnews-txt i{display:block; width:40px; height:3px; background:#222; transition: all .4s ease-in-out;}

.file-link{position:relative; display:block; padding-bottom:.15rem; margin-bottom:.15rem; padding-left:40px; border-bottom:1px solid #ccc; padding-right:0;}
.file-link:before{content:''; width:18px; height:22px; background:url(images/icon_file.png) no-repeat center; background-size:18px 22px; position:absolute; left:0; top:5px;}
.file-link h3{margin:0;font-size:.15rem; color:#333;}
.file-link p{margin:0;font-size:.13rem; color:#999;}

.file-link span{position:relative; right:auto; top:auto;}
.file-link span a{display:inline-block; margin-left:0; margin-right:.15rem; margin-top:.15rem; line-height:30px; border:1px solid #ccc; padding:0 .15rem; font-size:.13rem; border-radius:100px;}
.file-link span a:hover{border:1px solid #63a82f;}


.tabBar{position:relative;}
.tabBar span{display:inline-block; margin-right:.15rem; font-size:.16rem; color:#666; line-height:.35rem; border-bottom:3px solid #fff; padding-bottom:.1rem; cursor:pointer; vertical-align:middle;}
.tabBar span.current{font-size:.22rem; color:#63a82f; border-bottom:3px solid #63a82f;}

.jobsearch{display:none;}

.jobs .job-title{position:relative; padding:.1rem .1rem; line-height:.35rem; font-size:.12rem; text-align:right; overflow:hidden; border-bottom:1px solid #eee;}
.jobs .job-title span{float:left; width:70%; display:block; position:relative; padding-left:.28rem; font-size:.15rem; font-weight:600; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jobs .job-title span:before{position:absolute; left:0px; top:50%; transform: translate(0, -50%); font-family: 'iconfont'; content: '\e60e'; font-size:.2rem; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale;transition: all 0.3s ease-in-out;}

.jobs .job-detail{overflow:hidden; padding:.1rem; font-size:.14rem;}
.jobs .job-detail p{float:left; font-size:.14rem; margin:0 .15rem;}










}